body{
}
#layout{
	width:100%;
	height:100%;	
}

#mind_layout_right>div{
	width:170px;
	overflow-x:hidden;
}
#mind_layout_center>div{
	width:170px;
	height:100%;
	overflow-x:hidden;
}
#mind_layout_bottom>div{
	width:100%;
	height:100%;
	overflow:hidden;
}

#mind_layout_left{
	position:absolute;
	left:0px;
	top:30px;
	height:80%;
	width:170px;
	overflow:auto;
	overflow-x:hidden;
	z-index:1;
	vertical-align:top;
	background-color:white;
}
.vertical-resizable-bar-left>div{
	width:100%;
}
.vertical-resizable-bar-left{
	position:absolute;
	left:170px;
	top:30px;
	height:80%;
	width:6px;
	z-index:2;
	background-image:url(../../images/back_bar.png);
	text-align:center;
	cursor:w-resize;
}


#mind_layout_left>div{
	width:170px;
	height:100%;
	overflow:auto;
}


#mind_layout_right{
	position:absolute;
	right:0px;
	top:30px;
	width:170px;
	height:80%;
	overflow:auto;
	overflow-x:hidden;
	z-index:1;
	vertical-align:top;
	background-color:white;
}

.vertical-resizable-bar-right{
	position:absolute;
	right:170px;
	top:30px;
	height:80%;
	width:6px;
	z-index:2;
	background-image:url(../../images/back_bar.png);
	text-align:center;
	cursor:w-resize;
}

#mind_layout_center{
	position:absolute;
	border-top:solid 1px #666;
	right:0px;
	top:30px;
	width:170px;
	height:80%;
	overflow:hidden;
	z-index:1;
	vertical-align:top;
	background-color:white;
}
#mind_layout_bottom{
	position:absolute;
	left:0px;
	top:400px;
	overflow:auto;
	width:100%;
	vertical-align:top;
	z-index:2;
	background-color:#fff;
}

.horizontal-resizable-bar{	
	position:absolute;
	left:0px;
	top:400px;
	width:100%;
	height:6px;
	font-size:1px;
	background-image:url(../../images/back_bar_c.png);
	cursor:n-resize;
	z-index:3;
}

.horizontal-resizable-bar  div{
	cursor:pointer;
	width:35px;
	height:100%;
	background-image:url(../../images/toggle-ct.gif);	
}

.vertical-resizable-bar-left div, .vertical-resizable-bar-right div{
	cursor:pointer;
	width:100%;
	height:29px;
	background-image:url(../../images/toggle-lt.gif);	
}

